<template>
	<view>
		<view class="village-box">
			<view class="village-item">
				<image mode="aspectFill" src="https://t2.focus-img.cn/sh740wsh/zx/duplication/a28c06c5-fafc-4ba4-b09f-edd3188cbdc9.JPEG"></image>
				<view class="info">
					<view class="title"><view class="text">西环路社区</view></view>
					<view class="desc">城乡分类代码为121，属于镇中心区。</view>
				</view>
			</view>
			<view class="village-item">
				<image mode="aspectFill" src="https://img2.baidu.com/it/u=1412579493,3087341877&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667"></image>
				<view class="info">
					<view class="title"><view class="text">花岩村</view>‌</view>
					<view class="desc">由寺沟村和瓦岗寨村合并而成。</view>
				</view>
			</view>
			<view class="village-item">
				<image mode="aspectFill" src="https://b0.bdstatic.com/ugc/8vfNIUOIDX4Iu4pHQJAZuA3dab73572555599dca03fed1731bc009.jpg"></image>
				<view class="info">
					<view class="title">‌<view class="text">永康村‌</view>‌</view>
					<view class="desc">由红柳滩和八塌湾两村合并而成。</view>
				</view>
			</view>
			<view class="village-item">
				<image mode="aspectFill" src="https://img0.baidu.com/it/u=2791718638,521098432&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1067"></image>
				<view class="info">
					<view class="title">‌<view class="text">陈家坡村‌</view>‌</view>
					<view class="desc">唐开元年间陈姓在此居住建村。</view>
				</view>
			</view>
			<view class="village-item">
				<image mode="aspectFill" src="https://t2.focus-img.cn/sh740wsh/zx/duplication/a28c06c5-fafc-4ba4-b09f-edd3188cbdc9.JPEG"></image>
				<view class="info">
					<view class="title"><view class="text">西环路社区</view></view>
					<view class="desc">城乡分类代码为121，属于镇中心区。</view>
				</view>
			</view>
			<view class="village-item">
				<image mode="aspectFill" src="https://img2.baidu.com/it/u=1412579493,3087341877&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667"></image>
				<view class="info">
					<view class="title"><view class="text">花岩村</view>‌</view>
					<view class="desc">由寺沟村和瓦岗寨村合并而成。</view>
				</view>
			</view>
			<view class="village-item">
				<image mode="aspectFill" src="https://b0.bdstatic.com/ugc/8vfNIUOIDX4Iu4pHQJAZuA3dab73572555599dca03fed1731bc009.jpg"></image>
				<view class="info">
					<view class="title">‌<view class="text">永康村‌</view>‌</view>
					<view class="desc">由红柳滩和八塌湾两村合并而成。</view>
				</view>
			</view>
			<view class="village-item">
				<image mode="aspectFill" src="https://img0.baidu.com/it/u=2791718638,521098432&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1067"></image>
				<view class="info">
					<view class="title">‌<view class="text">陈家坡村‌</view>‌</view>
					<view class="desc">唐开元年间陈姓在此居住建村。</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>
	
<style lang="scss">
	.village-item{
		display: flex;
		padding: 30rpx;
		image{
			width:200rpx;
			height:150rpx;
			border-radius: 10rpx;
		}
		.info{
			padding-left:20rpx;
			.title{
				
				
				.text{
					font-size:32rpx;
					font-weight: bold;
					position: relative;
					display: inline-block;
					padding-bottom: 16rpx;
					&::after{
						content:"";
						display: block;
						position: absolute;
						left: 0;
						bottom: 0;
						height:2px;
						width: 100%;
						background-image: linear-gradient(to right,#4E9955,#E3F2E6);
					}
				}
				
			}
			.desc{
				padding:20rpx 0;
				font-size: 28rpx;
				color:#999999;
			}
		}
	}
</style>